import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Colors } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
    backgroundColor: Colors.snow,
  },
  form: {
    padding: Metrics.doubleBaseMargin,
  },
  input: {
    marginBottom: Metrics.baseMargin,
  },
  loadingModal: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  loadingModalContainer: {
    width: 80,
    height: 80,
    padding: Metrics.baseMargin,
    borderRadius: 10,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'rgba(0,0,0,0.6)',
  },
  loadingModalTitle: {
    marginTop: Metrics.smallMargin,
    color: 'rgba(255,255,255,0.87)',
  }
})
